<template>
  <div class="msg">
      <ul v-for="(item, index) in list" :key="index">
          <li>{{ item }}</li>
      </ul>
  </div>
</template>

<script>
export default {
    data () {
        return {
            list: []
        }
    },
    methods: {
        async getInfo () {
            try {
                const data = await this.$axios({
                    method: 'get',
                    url: '/getInfo'
                })
                this.list = data.data.data.dirs
                console.log(data.data.data)
            } catch (error) {

            }
        }
    },
    mounted () {
        this.getInfo()
    }
}
</script>

<style lang="less" scoped>
.msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    li {
        list-style: none;
        margin: 15px 0;
    }
}
</style>